
body{
	margin:0;
	padding:0;
	background: #f5f5f5;
}
#main {
 position: relative; 
 margin-left: 50%;
 margin-top: 120px;
 width: 8000px;
 font-family: 微软雅黑;
 -webkit-user-select: none;
 height: 50px;
} 
.main-wrap {
	background: #fff;
	padding-bottom: 20px;
}
#contain {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 8000px;
	height: 23px;
	background-color: #fff;
	/*left: -50%;*/
	margin-left: -50%;
	border-bottom: 1px solid #c5c5c5;
}
#track {
	position: absolute;
	top: -29px;
	left: 0px;
	width: 2px;
	height: 56px;
	margin: -3px 0 0 0px;
	background-color: #B99562;
	cursor: pointer;
}
#value> strong {
	position: absolute;
	top: 30px;
	left: 0px;
	font-weight: 400;
}
#value>span {
	position: absolute;
	left: 0px;
	top: 3px;
	text-align: right;
	height: 20px;
	line-height: 80px;
	color: #808080;
	border-right: 1px solid #C5C5C5;
}
#value >span:nth-of-type(1) {
	border-left:1px solid #C5C5C5;
 }
#value>span span {
	position: absolute;
	height: 10px;
	border-right: 1px solid #C5C5C5;
	bottom: 0px;
}
#value > strong {
	position: absolute;
    top: -13px;
    left: 0px;
    display: inline-block;
    width: 50px;
    margin-left: -25px;
    text-align: center;
}
#value>span  i{
	position: absolute;
    top: -46px;
    right: 0px;
    display: inline-block;
    width: 50px;
    margin-right: -25px;
    text-align: center;
    font-size: 12px;
}
#show {
	width: 200px;
	height: 30px;
	color: #B99562;
	text-align: center;
	line-height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 27px;
	margin-top: -70px;
	margin-left: -100px;
}
#unit {
	width: 140px;
	height: 30px;
	color: #666;
	text-align: center;
	line-height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: -100px;
	margin-left: -70px;
	font-size: 12px;
}
.items-month{
	padding: 0 2%;
	margin-top: 10px;
}
.items-month h3 {
	text-align: center;
	font-size: 12px;
	color: #666;
	font-weight: 400;
}
.items-month .items {
	
}
.items-month .items span {
	display: inline-block;
	width: 30%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	cursor:pointer;
	font-size: 15px;
}
.items-month .items span:nth-child(2) {
	padding: 0 3%;
}
.items-month .items {
	margin-top: 20px;
}
.items-month .items .index {
	/*background: #ff0000;*/
	/*color: #fff;*/
	/*border-radius: 5px;*/
}
.items-month .items .index i {
	display: inline-block;
	height: 44px;
	width: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background: #B99562;
	border-radius: 22px;
	background: -webkit-linear-gradient(left, #B99562 , #EFCC83); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #B99562, #EFCC83); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #B99562, #EFCC83); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #B99562 , #EFCC83); /* 标准的语法 */
}
.sub-wrap {
	padding: 0 4%;
	background: #fff;
	margin-top: 10px;
}
.sub-wrap .sub-item {
	height: 50px;
	line-height: 50px;
}
.sub-wrap .sub-item > span {
	float: left;
	color: #8D8D8D;
}
.sub-wrap .sub-item > strong {
	float: right;
	color: #252525;
	font-weight: 400;
}
.sub-wrap .sub-item-1 {
	border-bottom: 1px solid #f5f5f5;
}
.title {
	padding: 30px 30px 15px;
	color: #666;
	font-size: 12px;
	line-height:1.5;
}
.btn-wrap {
	padding: 40px 4% 60px;
}
.btn-wrap a {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	background: #B99562;
	border-radius: 3px;
	background: -webkit-linear-gradient(left, #B99562 , #EFCC83); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #B99562, #EFCC83); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #B99562, #EFCC83); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #B99562 , #EFCC83); /* 标准的语法 */

}
